<script setup lang="ts">
import { PropType, watch, ref } from "vue";
const
  props = defineProps({
    modelValue: { type: Object as PropType<obj>, default: format.def.group, },
  }),
  data = ref<Tree<gt.sql.group>>([]);
async function init() {
  data.value = await gd.groupTree;
  
}
watch(() => props, init, { deep: true, immediate: true });
</script>
<template>
  <div class="TreeGroup">{{ modelValue }}</div>
</template>
<style lang="scss" scoped>
.TreeGroup {
  position: relative;
}
</style>